.circle-10,
.circle-11,
.circle-35,
.circle-37,
.circle-38,
.circle-39 {
    width: 10px;
    height: 10px;
    background-color: rgb(0, 195, 255);
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.circle-13,
.circle-21,
.circle-24,
.circle-31,
.circle-38 {
    width: 10px;
    height: 10px;
    background-color: rgb(31, 185, 52);
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.circle-12,
.circle-23,
.circle-25,
.circle-36,
.circle-40 {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.circle-14,
.circle-22,
.circle-32 {
    width: 10px;
    height: 10px;
    background-color: rgb(243, 236, 236);
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.el-form--inline {
    padding: 20px;
}

.table-operate-button {
    padding: 0 20px;
}

.plan-record-head {
    padding: 10px;
}